<html xmlns="http://www.w3.org/1999/html">

<head>
    <style type="text/css">
        <!--
        body{background-color: #f4f4f4}
        .task_item{border-bottom:1px solid;padding:0px 0px;margin:20px 2px;background-color: white}
        .task_head_bar {height:15px;font-size:12px;margin: 0 0;background-color: #49afcd}
        .task_head_bar_title{float:left}
        .task_head_bar_del_bt {float:right}
        .task_title {width:100%;clear:left;font-size:16px;font-weight:bold;border-bottom:1px dashed #6D4BF9}
        .task_content {width:100%}
        pre{margin: 0 0;display: block;white-space: pre-line;word-wrap:break-word}

        #tool_bar {width: 33px;position: fixed;bottom: 20px;right: 25px;font-size: 10px;line-height: 0;z-index: 100;background: url(right_bg.png) no-repeat;}
        #tool_bar a {width: 33px;height: 33px;display: inline-block;background-color: #ddd;margin-bottom: 2px;text-align: center;}
        #tool_bar a:hover {background-color: #669fdd;}
        -->
    </style>
</head>

<body onload="init()">
<div id="tool_bar">
    <a href="#" class="more_item"><img src="top.jpeg"/></a>
    <a href="setting.html" class="more_item">Setting</a>
    <a href="task_edit.html" class="more_item">New</a>
    <a href="index.html" class="more_item">Task</a>
    <a href="index.html?done=1" class="more_item">Finished</a>
    <a onclick="show_more_toolbar()" class="more_bar">More</a>
</div>

<div id="content_list">
</div>

<script type="text/javascript" src="util.js"></script>
<script src="jquery.min.js"></script>
<script src="index.js"></script>
<script src="nav_bar.js"></script>

</body>

</html>